let form = layui.form
// 获取图书信息
function addbook() {
  $.ajax({
    url: '/my/article/cates',
    success: function (res) {
      let htmlStr = template('catelist', res)
      $('tbody').html(htmlStr)
    }
  })
}
addbook()

// 设置变量用于关闭弹层
let addIndex
// 添加文章分类弹层
$('#btnAddCate').on('click', function () {
  addIndex = layer.open({
    type: 1,
    title: '添加文章分类',
    area: ['420px', '240px'], //宽高
    content: $('#addBook').text() // 将模板内容添加到弹层中
  });
})
// 不属于html原本结构中的内容需要事件委托
$('html').on('submit', '#addBookForm', function (ev) {
  ev.preventDefault()
  $.ajax({
    url: '/my/article/addcates',
    type: 'post',
    data: $(this).serialize(),
    success: function (res) {
      if (res.status === 0) {
        layer.msg('添加图书成功!')
        addbook()
        // 关闭弹层
        layer.close(addIndex)
      }
    }
  })
})

// 删除文章
$('html').on('click', '.btnDelete', function (ev) {
  ev.preventDefault()
  layer.confirm('确认删除吗?', {
    icon: 3,
    title: '提示'
  }, (index) => {

    $.ajax({
      url: '/my/article/deletecate/' + $(this).data('id'),
      success: function (res) {
        if (res.status !== 0) {
          layer.msg('删除文章分类失败!')
          return
        }
        layer.msg('删除文章分类成功!')
        addbook()
      }
    })
    layer.close(index);
  });
})

let changeIndex
// 编辑文章弹层
$('html').on('click', '#editor', function (ev) {

  ev.preventDefault();
  $.ajax({
    url: '/my/article/cates/' + $(this).data('id'),
    success: function (res) {
      let content = template('changeBook', res)

      changeIndex = layer.open({
        type: 1,
        title: '修改类别',
        // skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高.
        content: content
      });
    }
  })
})
// 确定修改事件
$('html').on('click', '#Modify', function (ev) {
  ev.preventDefault()
  $.ajax({
    url: '/my/article/updatecate',
    type: 'post',
    data: form.val('changeBook'),
    success: function (res) {
      if (res.status === 0) {
        layer.msg('更新分类信息成功！')
        addbook()
        layer.close(changeIndex)
      }
    }
  })
})
